<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <script th:inline="javascript">-->

<!--    </script>-->
</head>
<body>
欢迎[[${application.username}]]大少回家~
<a th:href="@{quit}">安全退出</a>

<table border="1">
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Photo</th>
        <th>Salary</th>
        <th>Age</th>
        <th>Operation</th>
    </tr>
    <tr th:each="emp:${page.records}"><!--这里好像就不能用allemps了，要用page.records来表示结果-->
        <td th:text="${emp.id}"></td>
        <td th:text="${emp.name}"></td>
        <td>
            <img th:src="@{'img/'+${emp.path}}" width="50px" height="50px">
        </td>
        <td th:text="${emp.salary}"></td>
        <td th:text="${emp.age}"></td>
        <td>
            <a th:href="@{/updateEmp(id=${emp.id})}">updata</a>
            <a th:href="@{/deleteEmp(id=${emp.id},photo=${emp.path})}">delete</a>
        </td>
    </tr>
    <tr>
        <td colspan="6"><a th:href="@{/addEmp}">+ 添加员工</a></td>
    </tr>
</table>
<br>
当前第 [[${page.current}]]页，总计[[${page.pages}]]页，共[[${page.total}]]记录
<table border="2" style="font-size:30px;">
<!--    <li><a th:href="@{/findAll(pn=${num})}">← 前一页</a></li>-->
    <tr  >
        <div th:each="num:${#numbers.sequence(1,page.pages)}">
        <td th:if="${num==1}"><a th:href="@{/findAll(pn=${nowpage}-1)}"  >← 前一页</a></td>
        <td><a th:href="@{/findAll(pn=${num})}" th:style="${num ==page.current?'background-color: lightblue': ''}" style="border-width: 5px">[[${num}]]</a></td>
        <td th:if="${num==page.pages}"><a th:href="@{/findAll(pn=${nowpage}+1)}">→ 后一页</a></td>
        </div>
    </tr>

<!--    <li><a href="">→ 后一页</a></li>-->
</table>
<!--<a style="border-width: 5px;background-color: lightblue" >1111111111111</a>-->
</body>
</html>